<!doctype html>
<html class="" lang="en">

	<head>

		<meta charset="utf-8">
		<title>Glocal</title>

		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />

		<link rel="stylesheet" href="css/flexslider.css" />
		<link rel="stylesheet" href="css/jquery-ui-1.10.3.custom.min.css" />
		<link rel="stylesheet" href="css/jquery-selectbox.css" />
		<link rel="stylesheet" href="css/styles.css" />
		<link rel="stylesheet" href="css/responsive-grid.css" />
		<link rel="stylesheet" href="css/responsive.css" />

		<!--[if lt IE 9]>
			<link rel="stylesheet" href="css/styles-ie8-and-down.css" />
		<![endif]-->

	</head>

	<body>

		<header class="section">

			<div class="header-top-wrapper">
				<div class="zone-header-top zone clearfix">

					<div class="header-top-left container-8">

						<div class="user-links">
							<div class="login">
								<a href="#" id="login-link" class="login-link">Login</a>
								<form id="login-form" class="login-form">
									<input class="text-input-grey" type="text" placeholder="Login">
									<input class="text-input-grey" type="text" placeholder="Password">
									<a href="#" class="password-restore">Forgot Password?</a>
									<input class="button-2-green" type="submit" value="Login">
								</form>
							</div>
							<div class="register">
								<a href="#" id="register-link" class="register-link">Register</a>
								<form id="register-form" class="register-form">
									<input class="text-input-grey" type="text" placeholder="Login">
									<input class="text-input-grey" type="text" placeholder="Company Name">
									<input class="text-input-grey" type="text" placeholder="Contact Person Name">
									<input class="text-input-grey" type="text" placeholder="E-mail">
									<input class="text-input-grey" type="text" placeholder="Password">
									<input class="text-input-grey" type="text" placeholder="Repeat Password">
									<div href="#" class="fields-required">All Fields Are Required</div>
									<input class="button-2-green" type="submit" value="Register">
								</form>
							</div>
						</div>

					</div>

					<div class="header-top-right container-16">

						<div class="social-links block">
							<a href="http://www.facebook.com/">
								<img src="images/facebook-icon.png" alt="" />
							</a>
							<a href="http://www.google.com/">
								<img src="images/google-icon.png" alt="" />
							</a>
							<a href="http://www.twitter.com/">
								<img src="images/twitter-icon.png" alt="" />
							</a>
							<a href="http://www.linkedin.com/">
								<img src="images/linkedin-icon.png" alt="" />
							</a>
							<a href="http://www.pinterest.com/">
								<img src="images/pinterest-icon.png" alt="" />
							</a>
							<a href="http://www.dribbble.com/">
								<img src="images/dribbble-icon.png" alt="" />
							</a>
						</div>

						<div class="languages block">
							<a href="#" class="en current">EN</a>
							<a href="#" class="fr">FR</a>
							<a href="#" class="it">IT</a>
							<a href="#" class="de">DE</a>
						</div>

					</div>

				</div><!-- end of .zone-header-top -->
			</div><!-- end of .header-top-wrapper -->

			<div class="header-wrapper">
				<div class="zone-header zone clearfix">

					<div class="header-left container-6">

						<div class="logo block">
							<a href="index-2.html">
								<img src="images/logo.png" alt="" />
							</a>
						</div>

					</div>

					<div class="header-right container-18">

						<div class="adverisement block">
							<a href="http://themeforest.net/">
								<img src="images/content/banner.jpg" alt="" />
							</a>
						</div>

					</div>

				</div><!-- end of .zone-header -->
			</div><!-- end of .header-wrapper -->

			<div class="main-menu-wrapper">
				<div class="zone-main-menu zone clearfix">

					<div class="main-menu-container container-24">

						<div class="main-menu block">
							<ul id="sf-menu">
								<li class="empty neighbour-left">
									<div></div>
								</li>
								<li class="first active">
									<a href="index-2.html">HOME</a>
									<ul>
										<li class="first">
											<a href="index-street-view.html">Home (Street View)</a>
										</li>
										<li class="last">
											<a href="index-slideshow.html">Home (Slideshow)</a>
										</li>
									</ul>
								</li>
								<li class="neighbour-right">
									<a href="companies-listing.html">FEATURES</a>
									<ul>
										<li class="first">
											<a href="companies-listing.html">Companies Listing</a>
										</li>
										<li class="">
											<a href="shortcodes.html">Shortcodes</a>
										</li>
										<li class="">
											<a href="company-page.html">Company Page</a>
										</li>
										<li class="">
											<a href="single-project.html">Single Project</a>
										</li>
										<li class="">
											<a href="portfolio-1.html">Portfolio (1 column)</a>
										</li>
										<li class="">
											<a href="portfolio-2.html">Portfolio (2 columns)</a>
										</li>
										<li class="">
											<a href="portfolio-3.html">Portfolio (3 columns)</a>
										</li>
										<li class="last">
											<a href="portfolio-4.html">Portfolio (4 columns)</a>
										</li>
									</ul>
								</li>
								<li class="">
									<a href="about-us.html">ABOUT US</a>
								</li>
								<li class="">
									<a href="price-register.html">SUBMIT LISTING</a>
								</li>
								<li class="">
									<a href="blog.html">BLOG</a>
									<ul>
										<li class="first last">
											<a href="blog-post.html">Blog post</a>
										</li>
									</ul>
								</li>
								<li class="">
									<a href="contact-us.html">CONTACT US</a>
								</li>
								<li class="last">
									<a href="index-2.html">PURCHASE THIS THEME</a>
								</li>
								<li class="empty">
									<div></div>
								</li>
							</ul>
						</div>

					</div>

				</div><!-- end of .zone-main-menu -->
			</div><!-- end of .main-menu-wrapper -->

		</header>

		<section class="section content">

			<div class="search-wrapper clearfix">
				<div class="zone-search zone clearfix">

					<div class="search-container container-24">

						<div class="search block">
							<form id="default-search" class="default-search clearfix">
								<input type="text" id="search-what" class="text-input-black input-text" placeholder="What are you looking for?" />
								<input type="text" class="text-input-black input-text" placeholder="Where are you looking for it?" />
								<select id="category-selector-default" name="category-default" tabindex="1">
									<option value="">- Select Category -</option>
									<option value="airport">Airport</option>
									<option value="restaurant">Restaurant</option>
									<option value="shop">Shop</option>
									<option value="entertainment">Entertainment</option>
									<option value="realestate">Real Estate</option>
									<option value="sports">Sports</option>
									<option value="cars">Cars</option>
									<option value="education">Education</option>
									<option value="garden">Garden</option>
									<option value="mechanic">Mechanic</option>
									<option value="offices">Offices</option>
									<option value="advertising">Advertising</option>
									<option value="industry">Industry</option>
									<option value="postal">Postal</option>
									<option value="libraries">Libraries</option>
								</select>
								<input type="submit" class="submit" value="search" name="submit" />
							</form>
							<form id="advanced-search" class="advanced-search clearfix">
								<div class="clearfix">
									<label>Distance:</label>
									<div id="slider-distance" class="slider"></div>
									<div id="distance" class="slider-value"></div>
								</div>
								<div class="clearfix">
									<label>Rating:</label>
									<div id="slider-rating" class="slider"></div>
									<div id="rating" class="slider-value"></div>
								</div>
								<div class="clearfix">
									<label>Days Published:</label>
									<div id="slider-days-published" class="slider"></div>
									<div id="days-published" class="slider-value"></div>
								</div>
								<label>Location:</label>
								<div class="location-fields clearfix">
									<select id="country-selector-advanced" name="country-advanced" tabindex="1">
										<option value="">Country</option>
										<option value="airport">USA</option>
										<option value="restaurant">Canada</option>
										<option value="shop">England</option>
										<option value="entertainment">Italy</option>
										<option value="realestate">Poland</option>
										<option value="sports">Russia</option>
										<option value="cars">China</option>
										<option value="education">Japan</option>
										<option value="garden">Spain</option>
										<option value="mechanic">Switzerland</option>
										<option value="offices">Germany</option>
										<option value="advertising">India</option>
									</select>
									<input type="text" class="input-region text-input-black" placeholder="Region" />
									<input type="text" class="input-city text-input-black" placeholder="City" />
									<input type="text" class="input-zip-code text-input-black" placeholder="ZIP Code" />
									<input type="text" class="input-street-name text-input-black" placeholder="Street Name" />
									<input type="text" class="input-street-number text-input-black" placeholder="Street Number" />
								</div>
								<label>Industry:</label>
								<select id="category-selector-advanced" name="category-advanced" tabindex="1">
									<option value="">- Select -</option>
									<option value="airport">Airport</option>
									<option value="restaurant">Restaurant</option>
									<option value="shop">Shop</option>
									<option value="entertainment">Entertainment</option>
									<option value="realestate">Real Estate</option>
									<option value="sports">Sports</option>
									<option value="cars">Cars</option>
									<option value="education">Education</option>
									<option value="garden">Garden</option>
									<option value="mechanic">Mechanic</option>
									<option value="offices">Offices</option>
									<option value="advertising">Advertising</option>
									<option value="industry">Industry</option>
									<option value="postal">Postal</option>
									<option value="libraries">Libraries</option>
								</select>
								<div class="clearfix"></div>
								<div class="separator"></div>
								<input type="submit" class="submit" value="search" name="submit" />
							</form>
							<div class="advanced-search-control">
								<a href="#" id="advanced-search-button" class="advanced-search-button">Advanced Search</a>
							</div>
						</div>

					</div>

				</div><!-- end of .zone-search -->
			</div><!-- end of .search-wrapper -->

			<div class="slideshow-wrapper">

				<div id="slideshow" class="slideshow">
					<ul class="slides">
						<li>
							<img src="images/slideshow/slide1.jpg" alt="" />
						</li>
						<li>
							<img src="images/slideshow/slide2.jpg" alt="" />
						</li>
						<li>
							<img src="images/slideshow/slide3.jpg" alt="" />
						</li>
					</ul>
				</div>

			</div>

			<div class="industries-tabs-wrapper">
				<div class="zone-industries-tabs zone clearfix">

					<div class="industries-tabs-container container-24">

						<div id="industries-tabs" class="industries-tabs block">
							<ul class="clearfix">
								<li class="first active">
									<a href="#" id="airport" class="airport"></a>
								</li>
								<li class="">
									<a href="#" id="restaurant" class="restaurant"></a>
								</li>
								<li class="">
									<a href="#" id="shop" class="shop"></a>
								</li>
								<li class="">
									<a href="#" id="entertainment" class="entertainment"></a>
								</li>
								<li class="">
									<a href="#" id="realestate" class="realestate"></a>
								</li>
								<li class="">
									<a href="#" id="sports" class="sports"></a>
								</li>
								<li class="">
									<a href="#" id="cars" class="cars"></a>
								</li>
								<li class="">
									<a href="#" id="education" class="education"></a>
								</li>
								<li class="">
									<a href="#" id="garden" class="garden"></a>
								</li>
								<li class="">
									<a href="#" id="mechanic" class="mechanic"></a>
								</li>
								<li class="">
									<a href="#" id="offices" class="offices"></a>
								</li>
								<li class="">
									<a href="#" id="advertising" class="advertising"></a>
								</li>
								<li class="">
									<a href="#" id="industry" class="industry"></a>
								</li>
								<li class="">
									<a href="#" id="postal" class="postal"></a>
								</li>
								<li class="last">
									<a href="#" id="libraries" class="libraries"></a>
								</li>
							</ul>
						</div>

					</div>

				</div><!-- end of .zone-industries-tabs -->
			</div><!-- end of .industries-tabs-wrapper -->

			<div class="content-wrapper">
				<div class="zone-content equalize zone clearfix">

					<div class="content-container container-16">

						<div class="welcome block">
							<div class="block-title">
								<h1>Welcome</h1>
							</div>
							<div class="welcome-text">Welcome to GLOCAL, the best local directory that provides you with information coming from across the Globe.</div>
							<div class="welcome-globe clearfix">
								<img class="globe" src="images/globe.png" alt="" />
								<img class="globe-background" src="images/globe-background.png" alt="" />
								<a href="#" class="left edge top">RESTAURANTS</a>
								<a href="#" class="right edge top">MUSEUMS</a>
								<a href="#" class="left middle top">HOTELS</a>
								<a href="#" class="right middle top">SCHOOLS</a>
								<a href="#" class="left middle bottom">BARS & PUBS</a>
								<a href="#" class="right middle bottom">LIBRARIES</a>
								<a href="#" class="left edge bottom">SUPERMARKETS</a>
								<a href="#" class="right edge bottom">OFFICES</a>
							</div>
						</div>

						<div class="our-directory block">
							<div class="block-title">
								<h1>Our Directory</h1>
							</div>
							<form class="subscription-table">
								<div id="subscription-options">
									<div class="subscription-column">
										<div class="subscription-header">Step 1: <span class="text-green">Identify</span></div>
										<div class="subscription-body">
											You are a: <br />
											<div class="radio-buttons">
												<input type="radio" name="subscriber" value="advertiser" />Advertiser<br />
												<input type="radio" name="subscriber" value="local-business" />Local Business<br />
												<input type="radio" name="subscriber" value="global-business" />Global Business<br />
												<input type="radio" name="subscriber" value="other" />Other<br />
											</div>
										</div>
									</div>
									<div class="subscription-column">
										<div class="subscription-header">Step 2: <span class="text-green">Register</span></div>
										<div class="subscription-body">
											Login details: <br />
											<input type="text" class="text-input-grey" placeholder="Email" /><br />
											<input type="text" class="text-input-grey" placeholder="Password" /><br />
											<input type="text" class="text-input-grey" placeholder="Repeat Password" />
										</div>
									</div>
									<div class="subscription-column">
										<div class="subscription-header">Step 3: <span class="text-green">Subscribe</span></div>
										<div class="subscription-body">
											Choose Package: <br />
											<div class="radio-buttons">
												<input type="radio" name="subscription" value="silver" />Silver ($15/mo)<br />
												<input type="radio" name="subscription" value="gold" />Gold ($25/mo)<br />
												<input type="radio" name="subscription" value="platinum" />Platinum ($35/mo)
											</div>
										</div>
									</div>
								</div>
								<div class="subscription-footer">
									<div class="subscription-background">
										<div class="subscription-button-wrapper">
											<input type="submit" class="button-green" value="SUBSCRIBE" name="subscribe" />
										</div>
									</div>
								</div>
							</form>
						</div>

					</div><!-- end of .content-container -->

					<div class="sidebar-container container-8">

						<div class="recently-added block">
							<div class="block-title">
								<h3>Recently Added</h3>
							</div>
							<ul class="entries-list">
								<li class="clearfix">
									<a href="#" class="thumbnail">
										<img src="images/content/sky.png" alt="" />
									</a>
									<a href="#" class="entry-title">Company Name</a>
									<div class="entry-excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
								</li>
								<li class="clearfix">
									<a href="#" class="thumbnail">
										<img src="images/content/text.png" alt="" />
									</a>
									<a href="#" class="entry-title">Another Company</a>
									<div class="entry-excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
								</li>
							</ul>
							<div class="two-images-banner clearfix">
								<a href="#">
									<img src="images/content/crayons.png" alt="" />
								</a>
								<a href="#">
									<img src="images/content/coins.png" alt="" />
								</a>
							</div>
						</div>

						<div class="latest-news block">
							<div class="block-title">
								<h3>Latest News</h3>
							</div>
							<ul class="entries-list">
								<li class="clearfix">
									<a href="#" class="thumbnail">
										<img src="images/content/coins.png" alt="" />
									</a>
									<a href="#" class="entry-title">Lorem Ipsum</a>
									<div class="entry-excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
								</li>
								<li class="clearfix">
									<a href="#" class="thumbnail">
										<img src="images/content/crayons.png" alt="" />
									</a>
									<a href="#" class="entry-title">Dolor Sit Amet</a>
									<div class="entry-excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
								</li>
							</ul>
							<div class="one-image-banner">
								<a href="#">
									<img src="images/content/handshake.png" alt="" />
								</a>
							</div>
						</div>

					</div><!-- end of .sidebar-container -->

				</div><!-- end of .zone-content -->
			</div><!-- end of .content-wrapper -->

			<div class="partners-wrapper">
				<div class="zone-partners zone clearfix">

					<div class="partners-container container-24">

						<div class="partners block">
							<div class="block-title background-white">
								<h4>OUR PARTNERS</h4>
							</div>
							<a href="http://www.themeforest.net/" class="partner">
								<img src="images/content/themeforest.png" alt="" />
							</a>
							<a href="http://www.activeden.net/" class="partner">
								<img src="images/content/activeden.png" alt="" />
							</a>
							<a href="http://www.audiojungle.net/" class="partner">
								<img src="images/content/audiojungle.png" alt="" />
							</a>
							<a href="http://www.graphicriver.net/" class="partner">
								<img src="images/content/graphicriver.png" alt="" />
							</a>
							<a href="http://www.codecanyon.net/" class="partner">
								<img src="images/content/codecanyon.png" alt="" />
							</a>
							<a href="http://www.3docean.net/" class="partner">
								<img src="images/content/3docean.png" alt="" />
							</a>
							<a href="http://www.videohive.net/" class="partner">
								<img src="images/content/videohive.png" alt="" />
							</a>
						</div>

					</div>

				</div><!-- end of .zone-partners -->
			</div><!-- end of .partners-wrapper -->

			<div class="interlayer"></div>

		</section>

		<footer class="section">

			<div class="footer-wrapper">
				<div class="zone-footer zone clearfix">

					<div class="footer-container container-24">

						<div class="website-short-description block">
							<img src="images/logo-small.png" class="logo" alt="" />
							<div class="description-text">
								Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus leo non est. Etiam sit amet lectus quis est congue mollis.
							</div>
						</div>

						<div class="twitter-feed block">
							<h3 class="title">Recent Tweets</h3>
							<div id="twitter-feed"></div>
						</div>

						<div class="recent-posts block">
							<h3 class="title">Recent Posts</h3>
							<ul>
								<li class="first">
									<a href="#" class="text-green">Lorem ipsum dolor sit amet</a>
								</li>
								<li>
									<a href="#" class="text-green">Proin nibh augue suscipit</a>
								</li>
								<li>
									<a href="#" class="text-green">Cras vel lorem</a>
								</li>
								<li class="last">
									<a href="#" class="text-green">Quisque semper justo at risus</a>
								</li>
							</ul>
						</div>

						<div class="flickr-feed block">
							<h3 class="title">Flickr Feed</h3>
							<div id="flickr-feed"></div>
						</div>

					</div>

				</div><!-- end of .zone-footer -->
			</div><!-- end of .footer-wrapper -->

			<div class="copyright-wrapper">
				<div class="zone-copyright zone clearfix">

					<div class="copyright-left-container container-12">

						<div class="copyright block">&copy; All Rights Reserved. Design by www.uou.ch.</div>

					</div>

					<div class="copyright-right-container container-12">

						<div class="social-links block">
							<a href="http://www.facebook.com/">
								<img src="images/facebook-icon.png" alt="" />
							</a>
							<a href="http://www.google.com/">
								<img src="images/google-icon.png" alt="" />
							</a>
							<a href="http://www.twitter.com/">
								<img src="images/twitter-icon.png" alt="" />
							</a>
							<a href="http://www.linkedin.com/">
								<img src="images/linkedin-icon.png" alt="" />
							</a>
							<a href="http://www.pinterest.com/">
								<img src="images/pinterest-icon.png" alt="" />
							</a>
							<a href="http://www.dribbble.com/">
								<img src="images/dribbble-icon.png" alt="" />
							</a>
						</div>

					</div>

				</div><!-- end of .zone-copyright -->
			</div><!-- end of .copyright-wrapper -->

		</footer>

		<div id="boxed-switch" class="boxed-switch">SWITCH TO BOXED VERSION</div>

		<script type="text/javascript" src="scripts/jquery-1.10.1.min.js"></script>
		<script type="text/javascript" src="scripts/jquery-ui-1.10.3.custom.min.js"></script>
		<script type="text/javascript" src="scripts/jquery.colorbox-min.js"></script>
		<script type="text/javascript" src="scripts/jquery.flexslider-min.js"></script>
		<script type="text/javascript" src="scripts/slider.js"></script>
		<script type="text/javascript" src="scripts/jquery.selectbox-0.6.1.js"></script>
		<script type="text/javascript" src="scripts/jquery.tweet.js"></script>
		<script type="text/javascript" src="scripts/jflickrfeed.min.js"></script>
		<script type="text/javascript" src="scripts/superfish.js"></script>
		<script type="text/javascript" src="scripts/jquery.mobilemenu.min.js"></script>
		<script type="text/javascript" src="scripts/jquery.placeholder.min.js"></script>
		<script type="text/javascript" src="scripts/scripts.js"></script>

	</body>

</html>